<!--样品认证 -->
<template>
  <div class="base-info"
    ><a-table :pagination="false" :columns="columns" :data="props.goodsdata">
      <template #Time="{ record }">
        {{ dayjs(record.endTime).format('YYYY-MM-DD HH:MM') }}
      </template>
    </a-table>
  </div>
</template>

<script lang="ts" setup>
  import { reactive } from 'vue';
  import dayjs from 'dayjs';

  const props = withDefaults(
    defineProps<{
      goodsdata: number;
    }>(),
    {}
  );

  const columns = [
    {
      title: '认证编号',
      dataIndex: 'number',
    },
    {
      title: '认证名称',
      dataIndex: 'authSetName',
    },
    {
      title: '认证时间',
      dataIndex: 'Time',
      slotName: 'Time',
    },
    {
      title: '认证人',
      dataIndex: 'headManName',
    },
  ];

  const data = reactive([
    {
      key: '1',
      name: 'Jane Doe',
      salary: 23000,
      address: '32 Park Road, London',
      email: 'jane.doe@example.com',
    },
    {
      key: '2',
      name: 'Alisa Ross',
      salary: 25000,
      address: '35 Park Road, London',
      email: 'alisa.ross@example.com',
    },
    {
      key: '3',
      name: 'Kevin Sandra',
      salary: 22000,
      address: '31 Park Road, London',
      email: 'kevin.sandra@example.com',
    },
    {
      key: '4',
      name: 'Ed Hellen',
      salary: 17000,
      address: '42 Park Road, London',
      email: 'ed.hellen@example.com',
    },
    {
      key: '5',
      name: 'William Smith',
      salary: 27000,
      address: '62 Park Road, London',
      email: 'william.smith@example.com',
    },
  ]);
</script>

<style scoped lang="less">
  .base-info {
    padding: 0 40px;
  }
</style>
